@mixin container($width: 750rpx, $height: auto, $bg-color: null) {
  width: $width;
  height: $height;
  background-color: $bg-color;
}

// 设置全局字体
@mixin font-style($font-size: 32rpx,$color: null, $font-weight: normal,$font-family: 'PingFang SC') {
  font-size: $font-size;
  font-weight: $font-weight;
  font-family: $font-family;
  color: $color;
}

// Flexbox居中
@mixin flex-layout($justify-content: null, $align-items: null) {
  display: flex;
  justify-content: $justify-content;
  align-items: $align-items;
}

// 清除浮动
@mixin clearfix() {
  &::after {
    content: '';
    display: block;
    clear: both;
  }
}

// 设置文本溢出显示省略号
@mixin text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

// 多行文本溢出显示省略号
@mixin ellipsis-mult($n: 3) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $n;
  word-break: break-all;
  text-overflow:ellipsis;
  overflow: hidden;
}
